.bettingBill {
    padding: 16rem;
    background-color: #F1F5F9;

    .billNumber {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 72rem;
        padding-left: 20rem;
        background-image: url('@/assets/images/Race/billBg.png');
        background-repeat: no-repeat;
        background-size: 100%;

        p {
            color: #824A17;
            font-size: 14rem;
            font-weight: 500;

            &+p {
                margin-top: 8rem;
            }

            span {
                color: #FF4D00;
                font-size: 16rem;
                font-weight: 600;
            }
        }
    }

    .billList {
        margin-top: 16rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 8rem;

        .billItem {
            height: 60rem;
            border-radius: 8rem;
            background: #FFF;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            background-image: url('@/assets/images/Race/tao.png');
            background-position: right bottom;
            background-repeat: no-repeat;
            background-size: 36rem;

            .billIndex {
                position: absolute;
                left: 0;
                top: 0;
                width: 26rem;
                height: 16rem;
                border-radius: 8rem 0;
                background: #FFE8EE;
                line-height: 16rem;
                text-align: center;
                color: #FF2D55;
            }

            .rankList {
                margin-top: 12rem;
                display: flex;
                flex-direction: row;

                .rankItem {
                    width: 20rem;
                    height: 20rem;
                    border-radius: 4rem;
                    border: 1rem solid transparent;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #FFF;

                    &+.rankItem {
                        margin-left: 4rem;
                    }
                }
            }

            .money {
                margin-top: 4rem;
                font-size: 16rem;
                font-weight: 700;
                color: #FF6F1E;
            }
        }
    }
}